<template>
    <van-nav-bar title="帮助支持" left-arrow @click-left="onClickLeft" />
    <div class="faq-container">
        <h1>旅行助手应用程序常见问题</h1>
        <p class="last-updated">最后更新时间：2025年7月3日 上午11:57 JST</p>

        <section class="faq-section">
            <h2>1. 如何注册并登录到旅行助手应用程序？</h2>
            <p>您可以通过以下步骤注册并登录到旅行助手应用程序：</p>
            <ul>
                <li>下载并安装旅行助手应用程序（适用于 iOS 或 Android）。</li>
                <li>打开应用程序，点击“注册”按钮。</li>
                <li>输入您的姓名、电子邮件地址并设置一个密码。</li>
                <li>验证您的电子邮件地址（我们会发送一封确认邮件）。</li>
                <li>注册完成后，使用您的电子邮件和密码登录。</li>
            </ul>
        </section>

        <section class="faq-section">
            <h2>2. 应用程序如何获取我所在的位置信息？</h2>
            <p>旅行助手应用程序通过以下方式获取您的位置信息：</p>
            <ul>
                <li>在您首次使用位置相关功能时，我们会请求您的许可。</li>
                <li>如果您同意，应用程序将使用设备的 GPS 或网络定位服务来确定您的位置。</li>
                <li>您可以随时在设备设置中禁用位置权限，或在应用程序中选择仅在需要时使用。</li>
                <li>我们仅使用位置数据来提供个性化服务，如推荐附近的景点或导航。</li>
            </ul>
        </section>

        <section class="faq-section">
            <h2>3. 为什么应用程序会要求使用GPS定位，并可能导致哪些问题？</h2>
            <p>GPS 定位功能的主要用途和潜在问题如下：</p>
            <ul>
                <li><strong>用途</strong>：帮助您找到附近的旅游景点、餐厅或交通工具，并提供实时导航。</li>
                <li><strong>潜在问题</strong>：可能导致电量消耗加快；如果未正确设置权限，可能会出现位置数据不准确的情况；某些地区可能因信号问题导致定位失败。</li>
                <li>建议在室内或信号较弱的区域关闭 GPS，以节省电量并提高体验。</li>
            </ul>
        </section>

        <section class="faq-section">
            <h2>4. 如何查看和管理我的历史出行记录？</h2>
            <p>您可以通过以下步骤查看和管理您的历史出行记录：</p>
            <ul>
                <li>登录应用程序后，点击左侧菜单中的“我的行程”。</li>
                <li>您将看到所有过去的旅行记录，包括目的地、日期和相关详情。</li>
                <li>点击特定记录可查看详情，或选择删除不需要的记录。</li>
                <li>数据会定期同步至云端，确保您在不同设备上也能访问。</li>
            </ul>
        </section>

        <section class="faq-section">
            <h2>5. 如何联系客服获取技术支持？</h2>
            <p>您可以通过以下方式联系我们的客服团队获取技术支持：</p>
            <ul>
                <li>在应用程序中点击“帮助与支持”页面。</li>
                <li>选择“联系客服”选项，填写您的查询详情。</li>
                <li>通过电子邮件 <a href="mailto:support@travelbuddyapp.com">support@travelbuddyapp.com</a> 发送问题。</li>
                <li>我们通常会在 24 小时内回复您的请求。</li>
            </ul>
        </section>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';

const onClickLeft = () => {
    // 返回上一页
    window.history.back();
};
</script>

<style scoped>
.faq-container {
    font-family: 'Noto Sans SC', sans-serif;
    line-height: 1.6;
    color: #333;
    max-width: 800px;
    margin: 2rem 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
}

h1 {
    color: #2c3e50;
    text-align: center;
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
}

h2 {
    color: #34495e;
    margin-top: 20px;
}

p,
li {
    margin-bottom: 10px;
}

ul {
    list-style-type: disc;
    padding-left: 20px;
}

.faq-section {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.last-updated {
    font-style: italic;
    color: #7f8c8d;
    text-align: center;
}

a {
    color: #3498db;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .faq-container {
        padding: 10px;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }
}
.van-nav-bar{
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}
</style>